@mixin loading-effect {
	animation: loading-fade 1.6s ease-in-out infinite;
	background: var(--color-neutral-10);
}

.a4a-page-placeholder__title-placeholder {
	@include loading-effect;

	width: 300px;
	height: 43px;
}

.a4a-page-placeholder__section-placeholder {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.a4a-page-placeholder__section-placeholder-title {
	@include loading-effect;

	width: 100%;
	height: 32px;
}


.a4a-page-placeholder__section-placeholder-body {
	@include loading-effect;

	width: 100%;
	height: 200px;
}

.a4a-page-placeholder__section-placeholder-footer {
	@include loading-effect;

	width: 20%;
	min-width: 100px;
	height: 43px;
}
